<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>商品管理</title>
		<link rel="stylesheet" type="text/css" href="css/spgl.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box in">
					<a href="spgl.html">商品管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="search">
						<span>条件查找<strong>|</strong></span>
		<div class="d-i-b">
		<div class="s-one d-i-b">每页显示条数：
			<div class="f-inp-s d-i-b yeshu">
				<div>
					<select name='make'>
					    <option value='默认' selected>默认</option>
					    <option value='10'>10</option>
					    <option value='30'>30</option>
					    <option value='50'>50</option>
					    <option value='100'>100</option>
					    <option value='300'>300</option>
					</select>
				</div>
				<div class="s_img">
					<img src="img/select.png"/>
				</div>
			</div>
		</div>
		<div class="s-one d-i-b">排序：
			<div class="f-inp-s d-i-b px">
				<div>
					<select name='make'>
					    <option value='创建日期' selected>创建日期</option>
					    <option value='商品类型'>商品类型</option>
					    <option value='是否启用'>是否启用</option>
					    <option value='会员是否面单'>会员是否面单</option>
					    <option value='创建人'>创建人</option>
					</select>
				</div>
				<div class="s_img">
					<img src="img/select.png"/>
				</div>
			</div>
		</div>
		<div class="s-one d-i-b">是否启用：
			<div class="f-inp-s d-i-b px">
				<div>
					<select name='make'>
					    <option value='创建日期' selected>全部</option>
					    <option value='启用'>启用（上架）</option>
					    <option value='启用'>启用（上架）</option>
					</select>
				</div>
				<div class="s_img">
					<img src="img/select.png"/>
				</div>
			</div>
		</div>
		<div class="s-one d-i-b">搜索选项：
			<div class="f-inp-s d-i-b ss">
				<div>
					<select name='make'>
					    <option value='标题' selected>标题</option>
					    <option value='描述'>描述</option>
					</select>
				</div>
				<div class="s_img">
					<img src="img/select.png"/>
				</div>
			</div><input type="text"></input><button class="btn-s">搜索</button>
		</div>
		</div>
	</div>
					<table border="1" cellspacing="0" cellpadding="0">
						<tr>
							<th style="width: 20px;"><input type="checkbox" name="" id="" value="" /></th>
							<th>修改</th>
							<th>是否启用</th>
							<th>商品类型</th>
							<th>标题</th>
							<th>描述</th>
							<th>金额(元)</th>
							<th>赠送金额(元)</th>
							<th>允许订单数量</th>
							<th>商品图片</th>
							<th>备注</th>
							<th>创建人</th>
							<th>创建日期</th>
						</tr>
						<tr>
							<td><input type="checkbox" name="" id="" value="" /></td>
							<td><a href="spgl-2.html"><img src="img/xiugai.png"/></a></td>
							<td><label class="cuo">✘</label></td>
							<td><label  style="color: blue;">会员充值</label></td>
							<td>充值500元送50元</td>
							<td>描述</td>
							<td>500.00</td>
							<td>50.00</td>
							<td>0</td>
							<td><img src="img/default.png" style="height: 60px;width: 57px;"/></td>
							<td></td>
							<td>1013</td>
							<td>2017-09-23 17:41:54</td>
						</tr>
					</table>
					<div class="jintui">
						<button onclick="javascript:window.location.href='spgl-3.html'">新增</button>
						<button>删除</button>
					</div>
						
				</div>
			</div>
			<div id="openWindowModal1" class="modal in" >   
			    <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			        <h3>机器二维码</h3>  
			    </div>
			    <div class="modal-body">
			    	<div class="info-con">
						<p>编码：</p><label for="">1013_4 商户编号_机器编号</label>
					</div>
					<div class="info-con">
						<p>URL：</p><label for="">http://xcjtest.snfox.com/O/I/269B963895E6770E</label>
					</div>
					<div class="info-con">
						<p>二维码：</p><div class="form-img"><img src="img/1013_4_20171123104133.jpg"/></div>
					</div>
			    </div>
			    <div class="modal-footer">
			        <button class="btn" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
			    </div>
			</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dtjk.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			$('.erweima').on('click',function(){
				$(".mask").fadeIn();
				$("#openWindowModal1").fadeIn();
			})
			$(".mask").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
				$(".xiangxi").fadeOut();
			})
			$(".btn").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(".close").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
		</script>
	</body>
</html>
